<aside class="lg-side">
  <div class="panel-heading tab-bg-dark-navy-blue okr-tab-head tab-right ">
    <ul class="nav nav-tabs pull-right">
      <li class="">
        <a href="javascript:toLoadHtml(42)">立项信息</a>
      </li>
      <li class="active">
        <a href="javascript:toLoadHtml(41)">审批记录</a>
      </li>
    </ul>
  </div>
  <div class="inbox-body mi-h8">
      <div class="tab-content">
        <div id="tab2">
          <section class="panel">
            <header class="panel-heading">
              审批记录
            </header>
            <div class="panel-body">
              <div class="timeline-messages" id="nodeDiv"></div>
            </div>
          </section>
        </div>
      </div>
  </div>
</aside>
<script>
  //查询审批节点记录
  $certusUtils.ajax("findLxNodeList", {
    "proId": proId
  }, function (response) {
    var data = response.data;
    var html = "";
    for (var i = 0; i < data.length; i++) {
      var nodeFlag = data[i].node_flag;
      var userName = data[i].user_name;
      var optionMsg = data[i].opinion_msg;
      var createTime = data[i].createTime;
      if (nodeFlag != 1 && nodeFlag != 5 && nodeFlag != 6) {
        html += '<div class="msg-time-chat"><div class="message-body msg-in">' +
          '<span class="arrow"></span><div class="text">' +
          '<p class="attribution">';
        if (nodeFlag == 2) {
          html += '<a href="#">申请退回</a> ' + createTime + '</p>' +
            '<p>' + userName + '退回了立项申请! 审批意见:' + optionMsg + '</p>';
        } else if (nodeFlag == 3) {
          html += '<a href="#">申请通过</a> ' + createTime + '</p>' +
            '<p>' + userName + '同意了立项申请! 审批意见:' + optionMsg + '</p>';
        } else if (nodeFlag == 4) {
          html += '<a href="#">申请不通过</a> ' + createTime + '</p>' +
            '<p>' + userName + '不同意立项申请! 审批意见:' + optionMsg + '</p>';
        }
        html += '</div></div></div>';
      }
    }
    $("#nodeDiv").html(html);
  });
</script>